<div>
	<style type="text/css">
		.fc {
			width: 100%;
			min-height: 100px;
			background: #fff;
		}

		.fc-toolbar {
			height: 50px;
			background-color: #23b7e5;
			color: #fff;
			border-radius: 3px 3px 0 0;
			text-align: center;
		}

		.fc-toolbar h2 {
			font-size: 20px;
			line-height: 50px;
			margin: 0;
			text-transform: uppercase;
		}


		.fc-toolbar .fc-left {
			float: left;
		}

		.fc-toolbar .fc-right {
			float: right;
		}

		.fc-toolbar .fc-center {
			display: inline-block;
		}
		/* the things within each left/right/center section */

		.fc .fc-toolbar>*>* {
			/* extra precedence to override button border margins */
			float: left;
			margin-left: .75em;
		}
		/* the first thing within each left/center/right section */

		.fc .fc-toolbar>*> :first-child {
			/* extra precedence to override button border margins */
			margin-left: 0;
		}
		/* title text */

		.fc-toolbar h2 {
			margin: 0;
		}
		/* button layering (for border precedence) */

		.fc-toolbar button {
			position: relative;
		}

		.fc-toolbar .fc-state-hover,
		.fc-toolbar .ui-state-hover {
			z-index: 2;
		}

		.fc-toolbar .fc-state-down {
			z-index: 3;
		}

		.fc-toolbar .fc-state-active,
		.fc-toolbar .ui-state-active {
			z-index: 4;
		}

		.fc-toolbar button:focus {
			z-index: 5;
		}

		.fc-toolbar button {
			position: relative;
		}


		.fc button .fc-icon {
			position: relative;
			top: .05em;
			margin: 0 .1em;
		}

		.fc-icon {
			display: inline-block;
			font-size: 2em;
			line-height: .5em;
			height: .5em;
			font-family: "Courier New", Courier, monospace;
		}

		.fc-icon-right-single-arrow:after {
			content: "\0203A";
			font-weight: bold;
		}

		.fc-icon-left-single-arrow:after {
			content: "\02039";
			font-weight: bold;
		}

		.fc {
			direction: ltr;
			text-align: left;
		}

		.fc-toolbar .fc-button {
			color: #fff;
			background: transparent;
			border: none;
			box-shadow: none;
			text-shadow: none;
			margin: 0;
			height: 50px;
			line-height: 28px;
			padding: 10px;
		}

		.fc th,
		.fc td {
			border-style: solid;
			border-width: 1px;
			padding: 0;
			vertical-align: top;
			width: 14.29%;
			padding: 4px 4px;
			font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
			font-size: 14px;
			-webkit-font-smoothing: antialiased;
			line-height: 1.42857143;
			color: #58666e;
			border-color: #e3eaef;
			font-weight: normal;
		}

		.fc th {
			text-align: center;
		}

		.fc-view table {
			width: 100%;
			border-color: #e3eaef;
			font-weight: normal;
		}


		.rq td {
			height: 70px;
		}

		.ml0 {
			margin-left: 5px !important;
		}

		.blanchedalmond {
			background-color: blanchedalmond;
		}

		.grey{
			/* color: grey !important; */
			/* background-color: grey; */
		}
	</style>



	<div class="fc">

		<!-- 年月，左右箭头 -->
		<div class="fc-toolbar">
			<div class="fc-left">
				<a type="button" class="fc-prev-button fc-button fc-state-default fc-corner-left fc-corner-right" ng-click="pre()">
                        <span class="fc-icon fc-icon-left-single-arrow"></span>
                        {{obj.m == 0 ? 12 : obj.m}}月
                    </a>
			</div>
			<div class="col-xs-2 mt10 fc-left" ng-if="options.btn_flag">
				<button class="btn btn-info btn-block" ng-click="options.leftClick()" ng-bind="options.btn_left"></button>
			</div>
			<div class="fc-center ">
				<h2>{{obj.y}}年
					<font size=6>{{obj.m + 1}}月</font>
				</h2>
			</div>
			<div class="fc-right">
				<a type="button" class="fc-next-button fc-button fc-state-default fc-corner-left fc-corner-right" ng-click="back()">
                        {{obj.m + 2 == 13 ? 1 : obj.m + 2}}月
                        <span class="fc-icon fc-icon-right-single-arrow"></span>
                    </a>
			</div>
			<div class="col-xs-2 mt10 fc-right" ng-if="options.btn_flag">
				<div class="input-group-btn dropdown" dropdown ng-if="options.btn_right.style == 'btns'">
					<button type="button" class="btn btn-info" dropdown-toggle>
						<span  ng-bind-html="options.btn_right.label"></span><span class="caret"></span>
					</button>
					<ul class="dropdown-menu">
						<li ng-repeat="btn in options.btn_right.btns"><a href ng-click="btn.click(obj, dataobj)">{{btn.label}}</a></li>
					</ul>
				</div>
				<button class="btn btn-info btn-block" ng-if="options.btn_right.style == 'btn'" ng-click="options.rightClick()" ng-bind="options.btn_right"></button>
			</div>
		</div>

		<!-- 日期 -->
		<div class="fc-view">
			<table>
				<thead>
					<tr>
						<th ng-repeat="day in weekDay" ng-if="options.checkbox">
							<div class="form-group">
								<label class="control-label checkbox">
									{{day.day}}
									<input type="checkbox" class="ml0" name="a" ng-model="day.check" >
								</label>
							</div>
						</th>
					</tr>
					<tr>
						<th ng-repeat="w in weekarr" ng-if="!options.checkbox" ng-bind-html="w"></th>
					</tr>
				</thead>
				<tbody class="rq">
					<tr ng-repeat="d1 in obj.data">
						<td ng-repeat="d2 in d1" id="date-lable-{{d2.d}}" ng-click="options.click(d2, this)" ng-class="{'blanchedalmond': ((d2.selected) && (d2.label != '')), 'grey': ((!((d2.selected) && (d2.label != '')))&&(d2[options.state] === '1'))}">
							<div class="form-group text-right dateLabel" ng-class="{true:'red'}[$index == 0 || $index == d1.length - 1]">
								<label class="control-label " ng-click="checkDate(d2, $event)" ng-if="(d2.selected !== undefined)&&(options.checkbox)">
									{{d2.label}}
									<input type="checkbox" class="ml0" name="a" ng-model="d2.selected" ng-if="d2.label != 0" >
								</label>
								<span ng-if="(d2.selected === undefined) || (!options.checkbox)">{{d2.label}}</span>
							</div>
							<div class="text-{{d3.position}}" ng-repeat="d3 in d2.labelarr" ng-bind-html="d3.show">
								<!--{{d3.show}}-->
							</div>
							<!-- <div class="text-left">$100</div>
						<div class="text-right">库存100件</div> -->
						</td>
					</tr>
				</tbody>
			</table>
		</div>

	</div>
</div>